<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- import CSS -->
		<script src="../../js/commonCss.js"></script>
		<title>轮播图管理</title>
	</head>
	<body>
		<div id="app" v-cloak>
			<div class="pd10 border-bottom ft-14 h40">
				轮播图管理
			</div>
			<div class="pd10">
				<el-form :inline="true" :model="formInline" class="demo-form-inline">					
					<el-form-item>
						<el-input v-model="formInline.name" type="text" placeholder="名称"></el-input>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="search">查询</el-button>
					</el-form-item>
				</el-form>
				<el-table :data="tableData" stripe border style="width: 100%">
					<el-table-column prop="name" label="名称"></el-table-column>
					<el-table-column prop="number" label="数量"></el-table-column>
					<el-table-column label="操作">
						<template slot-scope="scope">
							<el-button @click="handleClick(scope.row)" type="text" size="medium">查看</el-button>
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
	</body>
	<script src="elementui-lib/lib/vue.js"></script>
	<script src="elementui-lib/lib/index.js"></script>
	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="js/axios.js"></script>
	<script src="js/data.js"></script>
	<script>
		var app = new Vue({
			el: "#app",
			mixins: [mix],
			data: function() {
				return {
					formInline:{
						name:""
					},
					tableData: [{
						id:1,
						name:"首页轮播图",
						number:3
					},{
						id:2,
						name:"监管政策法规轮播图",
						number:3
					},{
						id:3,
						name:"保险超级课堂轮播图",
						number:3
					},{
						id:4,
						name:"保险公司热销产品轮播图",
						number:3
					}],	
				}
			},
			methods: {
				search:function(){
					console.log(this.formInline)
				},
				handleClick:function(row){
					window.location.href = 'swiperCont.html?id='+row.id;//此处拼接内容
				},
			},
			created() {
				
			},
		});
	</script>
</html>
